<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/Clear.css">
    <link rel="stylesheet" href="css/shopping.css">
</head>
<body>
<div class="clearfix index_top">
    <div class="index_top_dh">
        <ul>
            <li><a href="#" target="_blank">我的首页</a></li>
            <li><a href="#" target="_blank">来看看呀</a></li>
            <li><a href="#" target="_blank">互相伤害呀</a></li>
            <li><a href="#" target="_blank">再见</a></li>
        </ul>
        <a href="#" target="_blank" class="index_top_dh_sj"><i>手机</i></a>
        <div class="index_top_dh_sj_gg"><img src="images/index_top_dh_sj_gg.jpg"> 研发中~请期待！</div>
        <p>一起做作业！</p>
    </div>
</div>
<div class="index_top_logo">
    <div class="index_top_logo_gg">
        <div class="index_top_logo_gg_1"><a href="#"><img src="images/inc-03.jpg" alt="logo"></a></div>
        <div  class="index_top_logo_gg_2" ><a href="#"><img src="images/inc-04.jpg" alt="logo"></a> </div>
        <div class="index_top_logo_gg_3">
            <form action="">
                <input type="text" value="请输入点击搜索.." class="index_top_logo_gg_3_sr"/><input type="submit" value="搜索" class="index_top_logo_gg_3_ss"/>
            </form>


        </div>
    </div>
</div>
<div class="index_top_dh_dh">
    <div>
        <ul class="clearfix">
            <li><a href="index.html" target="_blank">首页</a></li>
            <li><a href="#" target="_blank">赚取积分</a></li>
            <li class="index_top_dh_dh_1"><a href="shopping.html" target="_parent">兑换商品</a></li>
            <li><a href="#" target="_blank">积分活动</a></li>
            <li><a href="#" target="_blank">积分调研</a></li>
            <li><a href="problem.html" target="_blank">常见问题</a></li>
        </ul>
        <P>用户登录:</P>
    </div>
</div>
<!--头部布局结束-->
<!--主体内容-->
<div class="shopping">
    <div class="shoppin_dh">
        <ul class="clearfix shoppin_dh_dh ">
            <li class="or">全部商品</li>
            <li>最新上架</li>
            <li>虚拟卡卷</li>
            <li>动漫周边</li>
            <li>电子数码</li>
            <li>居家生活</li>
            <li class="shoppin_dh_left">微游专区</li>
        </ul>
        <div class="shoppin_dh_xx">
            <form action="" class="clearfix">
                <i class="shoppin_dh_xx_shang"><input type="radio" name="jifen"/>积分</i>
                <i class="shoppin_dh_xx_xia"><input type="radio" name="jifen"/>积分</i>
                <i class="shoppin_dh_xx_shang"><input type="radio" name="xiaoliang"/>销量</i>
                <i class="shoppin_dh_xx_xia"><input type="radio" name="xiaoliang"/>销量</i>
                <div class="shopping_dh_xl">
                    <div class="shopping_dh_mc">全部积分商品</div>
                    <div class="shopping_dh_xlxk">
                        <ul>
                            <li><a href="#">100-10000</a></li>
                            <li><a href="#">10001-20000</a></li>
                            <li><a href="#">20001-30000</a></li>
                            <li><a href="#">30001以上</a></li>
                        </ul>
                    </div>
                </div>
                <!--<select name="" id="" class="lb">-->
                    <!--<option>全部积分范围</option>-->
                    <!--<option>100-1000</option>-->
                    <!--<option>1000-2000</option>-->
                    <!--<option>2000-3000</option>-->
                <!--</select>-->
             </form>
        </div>
    </div>
    <div class="shopping_sp">
        <ul class="clearfix shopping_sp_ul">
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li class="shopping_sp_5">
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li class="shopping_sp_5">
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li class="shopping_sp_5">
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li class="shopping_sp_5">
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li>
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
            <li class="shopping_sp_5">
                <a href="#"><img src="images/shopping-dh.jpg" alt="商品图片"></a>
                <p><a href="#">【诺道】益生菌固体饮料50元代金券</a></p>
                <strong>100积分</strong>
            </li>
        </ul>
        <div class="clearfix shopping_sp_fy">
            <ul>
                <li><a href="#" class="shopping_sp_fy_1">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li>....</li>
                <li><a href="#">11</a></li>
                <li><a href="#" class="shopping_sp_fy_a">>></a></li>
            </ul>
            <form>
                到第<input type="text" class="shopping_sp_fy_h"/>页
                <input type="submit" value="确定" class="shopping_sp_fy_qd"/>
            </form>
        </div>
    </div>



</div>
<!--底部-->
<div class="bottom_1">
    <div class="bottom_1_gz">
        <ul class="clearfix  bottom_1_gz_1" >
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y"></div>
                    <strong>关注我们</strong>
                    <p>官方微博</p>
                    <p>官方qq群</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_2 bottom_1_gz_y"></div>
                    <strong>常见问题</strong>
                    <p>兑换方式</p>
                    <p>配送方案</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_3 bottom_1_gz_y"></div>
                    <strong>友情链接</strong>
                    <p>新浪网</p>
                    <p>游戏GAME</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_4 bottom_1_gz_y"></div>
                    <strong>粉色活动</strong>
                    <p>疯狂积分雨</p>
                    <p>转盘大抽奖</p>
                </a>
            </li>
        </ul>
        <div class="bottom_1_gz_sw">
            <ul>
                <li>
                    <h3>关注公众号，每日送福利</h3>
                    <img src="images/2ma.jpg" alt="二维码">
                    <h3>商务合作</h3>
                    <p>yuaxxiaobo19888@163.com</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="bottom_2">
    <div>
            <p>
                <a href="#" target="_blank">简介 |</a>
                <a href="#" target="_blank">SINA English |</a>
                <a href="#" target="_blank">bout Sina |</a>
                <a href="#" target="_blank">网站地图 |</a>
                <a href="#" target="_blank">广告服务  |</a>
                <a href="#" target="_blank">联系我们 |</a>
                <a href="#" target="_blank">招聘信息 |</a>
                <a href="#" target="_blank">网站律师 |</a>
                <a href="#" target="_blank">通行证注册 |</a>
                <a href="#" target="_blank">产品答疑 </a>
            </p>
                <p>2018-2019</p>
                <p>版权</p>
    </div>
</div>
<!--弹窗 链入-->
<div class="Pop-ups">
    <iframe src="login.html" frameborder="0" width="658px" height="339px"></iframe>
</div>
</body>
</html>